<template>
  <div id="homeTopEchartsRight" class="homeEchartsClass"></div>
</template>

<script>
import * as echarts from "echarts";


export default {

  data() {
    return {
      echarts: [
        "1月",
        "2月",
        "3月",
        "4月",
        "5月",
        "6月",
        "7月",
        "8月",
        "9月",
        "10月",
        "11月",
        "12月",
      ],
    };
  },
  // 重绘echarts
  // mounted() {
  //   this.$nextTick(() => {
  //   this.myChart = echarts.init(document.getElementById("homeTopEchartsRight"));
  
  // })
   

    

  //   let chartDom = document.getElementById("homeTopEchartsRight");
  //   let myChart = echarts.init(chartDom);
  //   let option;
    

  //   option = {
  //     color: ["#5B8FF9", "#5AD8A6", "#5D7092", "#F6BD16", "#E8684A"],
  //     tooltip: {
  //       trigger: "axis",
  //     },
  //     legend: {
  //       icon: "rect",
  //       itemHeight: 3,
  //       itemWidth: 10,
  //       //图例位置
  //       orient: "horizontal",
  //       bottom: 0,
  //       data: [
  //         "停机维护信息同步",
  //         "事件处理成量",
  //         "辅助通知完层量",
  //         "交易协查完成量",
  //         "工作催办完成量",
  //       ],
  //     },
  //     grid: {
  //       left: "6%",
  //       right: "6%",
  //       bottom: "9%",
  //       containLabel: true,
  //     },
  //     toolbox: {
  //       feature: {},
  //     },
  //     xAxis: {
  //       type: "category",
  //       boundaryGap: false,
  //       data: this.echarts,
  //       axisTick: {
  //         show: false,
  //       },
  //     },
  //     yAxis: {
  //       type: "value",
  //     },

  //     series: [
  //       {
  //         name: "停机维护信息同步",
  //         type: "line",
  //         stack: "Total",
  //         data: [120, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 210],
  //         showSymbol: false,
  //       },
  //       {
  //         name: "事件处理成量",
  //         type: "line",
  //         stack: "Total",
  //         data: [
  //           220, 182, 191, 234, 290, 330, 310, 132, 101, 134, 90, 230, 210,
  //         ],
  //         showSymbol: false,
  //       },
  //       {
  //         name: "辅助通知完层量",
  //         type: "line",
  //         stack: "Total",
  //         data: [
  //           150, 232, 201, 154, 190, 330, 410, 132, 101, 134, 90, 230, 210,
  //         ],
  //         showSymbol: false,
  //       },
  //       {
  //         name: "交易协查完成量",
  //         type: "line",
  //         stack: "Total",
  //         data: [
  //           320, 332, 301, 334, 390, 330, 320, 132, 101, 134, 90, 230, 210,
  //         ],
  //         showSymbol: false,
  //       },
  //       {
  //         name: "工作催办完成量",
  //         type: "line",
  //         stack: "Total",
  //         data: [
  //           820, 932, 901, 934, 1290, 1330, 1320, 132, 101, 134, 90, 230, 210,
  //         ],
  //         showSymbol: false,
  //       },
  //     ],
  //   };

  //   option && myChart.setOption(option);
  //   window.addEventListener("resize", () => {
  // 	// 判断是否存在，直接调用resize方法
  //   this.myChart.resize()
  // })
  // },
  
//      watch: {
//    "$store.state.app.sidebar.opened"() {
//        setTimeout(() => {
//            this.myChart.resize()
//        }, 300)
//    }
// }
};
</script>

<style lang='scss' scoped>
.homeEchartsClass {
  width: 100%;
  height: 100%;
}
</style>